<div class="page-header">
    <h1>
        会员专区
    </h1>
</div>
<div class="row">
    <div class="col-xs-6 col-sm-3 pricing-box">
        <div class="widget-box widget-color-dark">
            <div class="widget-header">
                <h5 class="widget-title bigger lighter">周卡</h5>
            </div>

            <div class="widget-body">
                <div class="widget-main">
                    <ul class="list-unstyled spaced2">
                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            10% Discount
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            5 GB Download Space
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Popcorn
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Set Menu
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            $10 Ad Credit
                        </li>

                        <li>
                            <i class="ace-icon fa fa-times red"></i>
                            Free Advertising
                        </li>
                    </ul>

                    <hr>
                    <div class="price">
                        ￥10
                        <small>/week</small>
                    </div>
                </div>

                <div>
                    <a href="#" class="btn btn-block btn-inverse">
                        <i class="ace-icon fa fa-shopping-cart bigger-110"></i>
                        <span>Buy</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xs-6 col-sm-3 pricing-box">
        <div class="widget-box widget-color-orange">
            <div class="widget-header">
                <h5 class="widget-title bigger lighter">月卡</h5>
            </div>

            <div class="widget-body">
                <div class="widget-main">
                    <ul class="list-unstyled spaced2">
                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            15% Discount
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            10 GB Download Space
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Popcorn
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Set Menu
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            $25 Ad Credit
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Advertising
                        </li>
                    </ul>

                    <hr>
                    <div class="price">
                        ￥35
                        <small>/month</small>
                    </div>
                </div>

                <div>
                    <a href="#" class="btn btn-block btn-warning">
                        <i class="ace-icon fa fa-shopping-cart bigger-110"></i>
                        <span>Buy</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xs-6 col-sm-3 pricing-box">
        <div class="widget-box widget-color-blue">
            <div class="widget-header">
                <h5 class="widget-title bigger lighter">季卡</h5>
            </div>

            <div class="widget-body">
                <div class="widget-main">
                    <ul class="list-unstyled spaced2">
                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            15% Discount
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            15 GB Download Space
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Popcorn
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Set Menu
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            $25 Ad Credit
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Advertising
                        </li>
                    </ul>

                    <hr>
                    <div class="price">
                        ￥100
                        <small>/quarter</small>
                    </div>
                </div>

                <div>
                    <a href="#" class="btn btn-block btn-primary">
                        <i class="ace-icon fa fa-shopping-cart bigger-110"></i>
                        <span>Buy</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xs-6 col-sm-3 pricing-box">
        <div class="widget-box widget-color-green">
            <div class="widget-header">
                <h5 class="widget-title bigger lighter">年卡</h5>
            </div>

            <div class="widget-body">
                <div class="widget-main">
                    <ul class="list-unstyled spaced2">
                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            20% Discount
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            15 GB Download Space
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Popcorn
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Set Menu
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            $50 Ad Credit
                        </li>

                        <li>
                            <i class="ace-icon fa fa-check green"></i>
                            Free Advertising
                        </li>
                    </ul>

                    <hr>
                    <div class="price">
                        ￥300
                        <small>/year</small>
                    </div>
                </div>

                <div>
                    <a href="#" class="btn btn-block btn-success">
                        <i class="ace-icon fa fa-shopping-cart bigger-110"></i>
                        <span>Buy</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>